<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查询员工</title>
<link rel="icon" href="<c:url value='/imgs/logo.ico' />" />
<link type="text/css" rel="stylesheet" href="<c:url value='/css/index.css' />" />
<link type="text/css" rel="stylesheet" href="<c:url value='/css/add.css' />" />
<script type="text/javascript" charset="utf-8" src="<c:url value='/scripts/jquery-2.1.0.js'/>"></script>
</head>
<body>
	<div class="container">
		<%@ include file="/jsps/top.jsp"%>
		<div class="main">
			<form class="form employee queryEmp" action="<c:url value='/queryEmployee' />" method="get">
				<h2>查询员工</h2>
				<table>
					<tr>
						<td><label>所属机构：</label></td>
						<td>
							<select name="mechid" class="select">
								<option selected value="">&nbsp;&nbsp;全部机构</option>
								<c:forEach items="${mechanismList }" var="mechanism">
									<option value="${mechanism.mechid }">&nbsp;&nbsp;${mechanism.mechname }</option>
								</c:forEach>
							</select>
						</td>
					</tr>
					<tr>
						<td><label>工&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</label></td>
						<td><input type="text" class="txt" name="empid" placeholder="请输入不超过8位数字" maxlength="8" /></td>
					</tr>
					<tr>
						<td><label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</label></td>
						<td><input type="text" class="txt" name="name" placeholder="请输入不超过20位字符" maxlength="5" /></td>
					</tr>
					<tr>
						<td><label>身份证号：</label></td>
						<td><input type="text" class="txt" name="idnumber" placeholder="请输入不超过18位字符" maxlength="18" /></td>
					</tr>
					<tr>
						<td><input name="type" type="hidden" value="1"></td>
						<td><input name="pc" type="hidden" value="1"></td>
					</tr>
				</table>
				<input class="btn queryBtn" type="submit" value="查询"/>
				<input class="btn" type="reset" value="重置"/>
			</form>
		</div>
	</div>
	<script type="text/javascript">
		$(function(){
			$(".top .title").click(function(){
				location.href="<c:url value='/index.jsp'/>";
			});	
			
			/* $(".main .form .queryBtn").click(function(){
				var mechid = $("select[name='mechid']").val();
				var empid = $("input[name='empid']").val();
				var name = $("input[name='name']").val();
				var idnumber = $("input[name='idnumber']").val();
				$.ajax({
					type : "get",
					url : "<c:url value='/queryEmployee' />",
					data : {"type":1,"mechid":mechid,"empid":empid,"name":name,"idnumber":idnumber,"pc":1},
				});
			}) */
		})
	</script>
</body>
</html>